<template>
	<view class="header">
		<view class="ipt">
			<view class="iconfont icon-sousuo"></view>
			<input class="uni-input" focus placeholder="搜索关键字" />
		</view>
	</view>
</template>

<script>
	export default {
		// 去除微信小程序生成多一层标签
		options : {
			virtualHost : true
		},
		data() {
			return {
				
			};
		},
	}
</script>

<style lang="less">
	.header{
		.ipt{
			display: flex;
			align-items: center;
			position: relative;
			padding: 0 35rpx;
			padding-top: 45rpx;
			padding-bottom: 56rpx;
			.icon-sousuo {
				position: absolute;
				left: 60rpx;
				font-size: 35rpx;
				color: #666666;
			}
			.uni-input{
				background-color: #f4f6f6;
				border-radius: 50rpx;
				width: 100%;
				height: 65rpx;
				color: #666666;
				font-size: 25rpx;
				padding-left: 80rpx;
				.uni-input-placeholder {
					color: #666666;
					font-size: 25rpx;
				}
			}
		}
	}
</style>